import Vue from 'vue'
import Router from 'vue-router'
import store from '@/store'
// import Layout from '@/components/layout'
Vue.use(Router)
const router = new Router({
    mode:'history',
    routes:[
        {
            path:'/',
            // component:Layout
            // component: function(){return import('@/components/layout')}
            component:() => import('@/components/layout'),
            children:[
                { path: '/login', component: () => import('@/views/auth/login')}, // 注意：←左边这项虽然可以省略“.vue”，但是却不能省略“login”（因为被导入的目标组件文件的名称不是“index.vue”）
                { path: '', component: () => import('@/views/auth/login')} // 注意：←左边这项虽然可以省略“.vue”，但是却不能省略“login”（因为被导入的目标组件文件的名称不是“index.vue”）
            ]
        },
        {
            path:'/refresh',
            component:() => import('@/components/layout'),
            children:[
                { path: '', component: () => import('@/views/auth/refresh')} // 注意：←左边这项虽然可以省略“.vue”，但是却不能省略“login”（因为被导入的目标组件文件的名称不是“index.vue”）
            ]
        }
    ]
})
// 路由拦截器（路由前置）（每次路由跳转都会通过这个拦截器）
router.beforeEach((to, from, next) => { // ←注：左边的括号中的“to”是一个路由对象（等价于“this.$route”）
    if (to.path === '/logout') {
        // 退出操作
        store.dispatch('UserLogout',to.query.redirectURL)
    }
    else {
        next()
    }
})
export default router